<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$index.header}</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="shortcut icon" href="/static/images/ico.jpg" media="screen" />
</head>
<style>
    body{
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        background: #f3f3f3;
    }
    .wrap{
        position: relative;
        width: 1200px;
        margin: 0 auto;
    }
    .story-head {
        padding-top: 40px;
        padding-bottom: 35px;
        text-align: center;
        border-bottom: 1px solid #e7e7e7;
    }
    .story-catalog {
        padding: 20px 0;
        margin-left: 50px;
        margin-top: 30px;
    }
    .story-catalog .catalog-hd {
        height: 58px;
    }
    .story-catalog .catalog-title {
        display: inline-block;
        margin: 0;
        height: 35px;
        line-height: 35px;
        color: #535353;
        font-size: 16px;
    }
    .story-catalog .catalog-list ul {
        width: 1220px;
    }
    ul, li {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .clearfix, .wrap, .calendar-row, .chapters-sign .chapters-item {
        *zoom: 1;
    }
    clearfix::after, .wrap::after, .calendar-row::after, .chapters-sign .chapters-item::after {
        display: block;
        content: ".";
        clear: both;
        height: 0;
        visibility: hidden;
        font-size: 0;
    }
    .story-catalog .catalog-list li {
        float: left;
        width: 278px;
        height: 45px;
        margin-right: 27px;
        margin-bottom: 8px;
        border-radius: 5px;
    }
    .story-catalog .catalog-list a {
        display: block;
        width: 243px;
        height: 43px;
        padding-left: 23px;
        padding-right: 20px;
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        line-height: 43px;
        color: #757575;
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    a {
        text-decoration: none;
    }
    a {
        background: transparent;
    }
</style>
<body>
    <div class="wrap">
        <div class="story-head">
            <h2 style="text-align: center;">{$novel.title}</h2>
        </div>
    </div>

    <foreach name="chapters" item="vo">
        <div class="story-catalog">
            <div class="catalog-hd">
                <h3 class="catalog-title">{$vo['v_title']}</h3>
            </div>
            <div class="catalog-list">
                <ul class="clearfix">
                    <foreach name="$vo['v_chapter']" item="vo1">
                        <li>
                            <a href="/frontendNovelChapterDetail?id={$vo1.id}&novel_id={$novel.id}" title="{$vo1.title}">{$vo1.title}</a>
                        </li>
                    </foreach>
                </ul>
            </div>
        </div>
    </foreach>


</body>
</html>